<ui:composition template="../template/plantilla_01.xhtml"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:h="http://java.sun.com/jsf/html"
            xmlns:p="http://primefaces.org/ui"
            xmlns:f="http://java.sun.com/jsf/core">

    <f:metadata>        
        <f:event type="preRenderView" listener="#{usuarioSessionBean.checkLogin}" />        
    </f:metadata>
    
    
   <ui:define name="head">
       <h:outputStylesheet library="css" name="principalPool.css"/>
       <h:outputStylesheet library="css" name="jquery.countdown.css"/>
   </ui:define>
    
   <ui:define name="panelCentral">

       <h:form id="formulario" prependId="false">

           <p:panel header="Parámetros Tienda Virtual">

               <p:menubar>
                    <p:menuitem value="Guardar" icon="save16"
                                action="#{parametrosBean.guardar}"                                
                                update="@form" />
               </p:menubar>

               <p:growl showDetail="true" />

               <p:tabView >

                   <p:tab title="Conf. General" >

                       <h:panelGrid columns="2" cellspacing="3" styleClass="colLabel,colDato">

                           <h:outputText value="Modo Prueba:"  />
                           <p:selectOneRadio value="#{parametrosBean.parametro.modoPrueba}" >
                                <f:selectItem itemLabel="Si" itemValue="S" />
                                <f:selectItem itemLabel="No" itemValue="N" />
                           </p:selectOneRadio>

                           <h:outputLabel value="Chat disponible:" for="disChat" />
                           <p:selectOneRadio id="disChat" value="#{parametrosBean.parametro.disponibilidadChat}" >
                                <f:selectItem itemLabel="Público"             itemValue="T" />
                                <f:selectItem itemLabel="Usuarios registrados"      itemValue="R" />
                           </p:selectOneRadio>

                           <h:outputLabel value="Tipo Home:" for="tipoHome" />
                           <p:selectOneRadio id="tipoHome" value="#{parametrosBean.parametro.tipoHome}" >
                                <f:selectItem itemLabel="Slide de imágenes" itemValue="A" />
                                <f:selectItem itemLabel="Imágen única"      itemValue="B" />
                           </p:selectOneRadio>
                           
                           <h:outputLabel value="Imagen Unica Home:" for="imagenUnicaHome" />
                           <p:inputText id="imagenUnicaHome" value="#{parametrosBean.parametro.imagenUnicaHome}" title="ImagenUnicaHome" />
                           
                           <h:outputLabel value="Path Imagenes Default:" for="pathImagenesDefault" />
                           <p:inputTextarea id="pathImagenesDefault" rows="3" cols="80"
                                            value="#{parametrosBean.parametro.pathImagenesDefault}" title="PathImagenesHome" />
                           
                           <h:outputLabel value="Path Imagenes Home:" for="pathImagenesHome" />
                           <p:inputTextarea id="pathImagenesHome" rows="3" cols="80"
                                            value="#{parametrosBean.parametro.pathImagenesHome}" title="PathImagenesHome" />

                           <h:outputLabel value="Imagenes Home:" for="imgHome" />
                           <p:dataTable id="imgHome" value="#{parametrosBean.parametro.imagenesHome}" var="i"
                                        editable="true" style="width: 400px;"  >

                               <p:column headerText="Orden">
                                   <p:outputLabel value="#{i.orden}" />
                               </p:column>

                               <p:column headerText="Nombre imágen">
                                   <p:inputText value="#{i.nomimg}" />
                               </p:column>

                               <p:column headerText="Título">
                                   <p:inputText value="#{i.titulo}" />
                               </p:column>

                               <p:column headerText="Habilitado">

                                   <p:selectOneMenu value="#{i.habilitado}">
                                       <f:selectItem itemLabel="Si" itemValue="S" />
                                        <f:selectItem itemLabel="No" itemValue="N" />
                                    </p:selectOneMenu>
                                   
                               </p:column>
                               
                           </p:dataTable>

                           <h:outputLabel value="Path Imagenes Principal:" for="pathImagenesPrincipal" />
                           <p:inputTextarea id="pathImagenesPrincipal" rows="3" cols="80"
                                            value="#{parametrosBean.parametro.pathImagenesPrincipal}" title="PathImagenesPrincipal" />

                           
                           <h:outputLabel value="Link Revista Exclusivo Motos:" for="exclusivoMotos" />
                           <p:inputTextarea id="exclusivoMotos" rows="3" cols="80"
                                            value="#{parametrosBean.parametro.linkRevistaEM}" title="MensajeMantenimiento" />
                           
                           <h:outputLabel value="Path upload:" for="pathUpload" />
                           <p:inputTextarea id="pathUpload" rows="3" cols="80"
                                            value="#{parametrosBean.parametro.pathUpload}" title="pathUpload" />



                       </h:panelGrid>

                       <p:fieldset legend="Promociones">

                           <h:panelGrid columns="2" cellspacing="3" styleClass="colLabel,colDato">

                              <h:outputText value="Path imagen promoción inicio:"  />
                              <p:inputTextarea rows="2" cols="80" value="#{parametrosBean.parametro.pathImagenPromocionInicio}" />

                              <h:outputText value="Path imagen promoción fin:"  />
                              <p:inputTextarea rows="2" cols="80" value="#{parametrosBean.parametro.pathImagenPromocionFin}" />

                           </h:panelGrid>

                           </p:fieldset>

                       <p:spacer height="20" />

                           <p:fieldset legend="Mantenimiento">

                               <h:panelGrid columns="2" cellspacing="3" styleClass="colLabel,colDato">

                                    <h:outputLabel value="Sistema en mantenimiento:" for="sistemaEnMantenimiento" />
                                    <p:selectOneRadio id="sistemaEnMantenimiento" value="#{parametrosBean.parametro.sistemaEnMantenimiento}" >
                                    <f:selectItem itemLabel="Si" itemValue="S" />
                                    <f:selectItem itemLabel="No"      itemValue="N" />
                                    </p:selectOneRadio>

                                    <h:outputLabel value="Mensaje Mantenimiento:" for="mensajeMantenimiento" />
                                    <p:inputTextarea id="mensajeMantenimiento" rows="3" cols="80"
                                                value="#{parametrosBean.parametro.mensajeMantenimiento}" title="MensajeMantenimiento" />


                               </h:panelGrid>                                
                           </p:fieldset>                           
                   </p:tab>

                   <p:tab title="Conf. Notificaciones">

                       <h:panelGrid columns="2" >

                           <h:outputLabel value="Nombre de la cuenta:" for="smtpNombreCuenta" />
                           <p:inputText id="smtpNombreCuenta" value="#{parametrosBean.parametro.smtpNombreCuenta}" title="SmtpNombreCuenta" />
                           
                           <h:outputLabel value="Usuario de la cuenta:" for="smtpUsuario" />
                           <p:inputText id="smtpUsuario" value="#{parametrosBean.parametro.smtpUsuario}" title="SmtpUsuario" />
                           
                           <h:outputLabel value="Password de la cuenta:" for="smtpPassword" />
                           <p:inputText id="smtpPassword" value="#{parametrosBean.parametro.smtpPassword}" title="SmtpPassword" />
                           
                           <h:outputLabel value="Puerto:" for="smtpPuerto" />
                           <p:inputText id="smtpPuerto" value="#{parametrosBean.parametro.smtpPuerto}" title="SmtpPuerto" />
                           
                           <h:outputLabel value="Inicia TTLS" for="smtpStarttls" />
                           <p:inputText id="smtpStarttls" value="#{parametrosBean.parametro.smtpStarttls}" title="SmtpStarttls" />

                           <h:outputLabel value="Autorización SMTP:" for="smtpAuth" />
                           <p:inputText id="smtpAuth" value="#{parametrosBean.parametro.smtpAuth}" title="SmtpAuth" />

                           <h:outputLabel value="Host SMTP:" for="smtpHost" />
                           <p:inputText id="smtpHost" value="#{parametrosBean.parametro.smtpHost}" title="SmtpHost" />
                           
                           <h:outputLabel value="Tipo SMTP:" for="smtptipo" />                                                  
                           <p:selectOneRadio  id="smtptipo" value="#{parametrosBean.parametro.smtpTipo}" >
                                    <f:selectItem itemLabel="SMTP"        itemValue="smtp" />
                                    <f:selectItem itemLabel="SMTP Seguro" itemValue="smtps" />
                           </p:selectOneRadio>                           
                           
                           <h:outputLabel value="Dirección de envío:" for="smtpDiren" />
                           <p:inputText id="smtpDiren" value="#{parametrosBean.parametro.smtpDireccionEnvio}"  />
                           
                           <h:outputLabel value="Nombre de envío" for="smtpNomen" />
                           <p:inputText id="smtpNomen" value="#{parametrosBean.parametro.smtpNombreEnvio}"  />

                       </h:panelGrid>

                       <p:commandButton value="Envío prueba HTML" icon="email16"
                                        action="#{parametrosBean.envioMailPruebaHTML}"
                                        update="@form" process="@this"  />

                       <div class="ui-messages ui-widget">
                            <div class="ui-messages-error ui-corner-all">
                                <span class="ui-messages-error-icon"></span>
                                <ul>
                                    <li>
                                        <span class="ui-messages-error-summary">Al ingresar más de una dirección de correo separar con punto y coma (;)</span>
                                    </li>
                                </ul>
                            </div>
                       </div>

                       <h:panelGrid columns="2" styleClass="colLabel,colDato">

                           <h:outputText value="E-mail recepción notificaciones de consulta:"  />
                           <p:inputTextarea rows="2" cols="90" value="#{parametrosBean.parametro.emailRecepcionConsulta}" />
                           
                           <h:outputText value="E-mail recepción notificaciones promoción:"  />
                           <p:inputTextarea rows="2" cols="90" value="#{parametrosBean.parametro.correoElectronicoPromocion}" />
                           
                           <h:outputText value="E-mail recepción notificaciones pool:"  />
                           <p:inputTextarea rows="2" cols="90" value="#{parametrosBean.parametro.correoElectronicoPool}" />

                           <h:outputText value="E-mail recepción notificaciones modo prueba:"  />
                           <p:inputTextarea rows="2" cols="90" value="#{parametrosBean.parametro.recepcionNotificacionModoPrueba}" />
                           
                       </h:panelGrid>
                       
                       <h1>Plantilla envío notificaciones</h1>
                       
                       <p:editor id="editor" value="#{parametrosBean.parametro.plantillaNotificaciones}" 
                                 width="900" height="300"
                                 style="border: 1px solid lightgrey;" />
                   </p:tab>

                   <p:tab title="Conf. Catálogo" >

                       <h:panelGrid columns="2">
                           <h:outputText value="Path imagen producto:"  />
                           <p:inputTextarea rows="2" cols="80" value="#{parametrosBean.parametro.pathImagenesProductos}" />
                       </h:panelGrid>



                       <h:outputText value="Mostrar banner: "  />
                       <p:selectOneRadio  value="#{parametrosBean.parametro.muestraBannerEnCatalogo}" >
                            <f:selectItem itemLabel="Si" itemValue="S" />
                            <f:selectItem itemLabel="No" itemValue="N" />
                       </p:selectOneRadio>


                       <h:panelGrid columns="2" cellpadding="5" style="background-color: #cccccc;"                                         
                                    id="pgItemBanner" >

                           <h:outputText value="Descripción" />
                           <p:inputText value="#{parametrosBean.itemBanner.descripcion}" size="40" />
                           
                           <h:outputText value="Path imagen" />
                           <p:inputTextarea rows="2" cols="80" value="#{parametrosBean.itemBanner.pathImagen}" />

                           <h:outputText value="Tipo" />
                           <p:selectOneMenu value="#{parametrosBean.itemBanner.tipoBanner}" style="width:120px;" >
                               <f:selectItem itemLabel="Seleccionar" itemValue="" />
                               <f:selectItem itemLabel="Información" itemValue="IN" />
                               <f:selectItem itemLabel="Promoción"   itemValue="PR" />
                               <f:selectItem itemLabel="Venta Especial"   itemValue="PO" />
                               <f:selectItem itemLabel="Link externo"   itemValue="EX" />

                               <p:ajax process="@this" update="pgItemBanner" />
                           
                            </p:selectOneMenu>
                           
                           <h:outputText value="Link" />    
                           <p:inputTextarea rows="2" cols="80" value="#{parametrosBean.itemBanner.link}"   />    
                           
                           <h:outputText value="Promoción" rendered="#{parametrosBean.itemBanner.tipoBanner eq 'PR'}"  />                           
                           <h:outputText value="Venta especial" rendered="#{parametrosBean.itemBanner.tipoBanner eq 'PO'}"  />


                               <p:autoComplete id="acPromocion" rendered="#{parametrosBean.itemBanner.tipoBanner eq 'PR'}"
                                                 value="#{parametrosBean.itemBanner.promocion}" 
                                                 completeMethod="#{parametrosBean.completePromocion}"
                                                 var="p" itemLabel="#{p.descripcion}" itemValue="#{i}" 
                                                 converter="#{conversoresPromocion.promocion}" forceSelection="true" />

                               <p:autoComplete id="acPool" rendered="#{parametrosBean.itemBanner.tipoBanner eq 'PO'}"
                                                   value="#{parametrosBean.itemBanner.pool}" 
                                                   completeMethod="#{parametrosBean.completePool}"
                                                   var="p" itemLabel="#{p.descripcion}" itemValue="#{p}" 
                                                   converter="#{conversoresPool.pool}" 
                                                   forceSelection="true" />

                           <h:outputText value="Activo" /> 
                           <p:selectOneMenu value="#{parametrosBean.itemBanner.activo}" style="width: 60px;">
                                   <f:selectItem itemLabel="N/A" itemValue="" />
                                   <f:selectItem itemLabel="Si" itemValue="S" />
                                   <f:selectItem itemLabel="No" itemValue="N" />
                                </p:selectOneMenu>

                           <p:commandButton icon="add16" value="Agregar"
                                            update="itmBanner,pgItemBanner"
                                            process="pgItemBanner"
                                            actionListener="#{parametrosBean.agregarItemBanner}" />
                           <h:outputText value="" />

                       </h:panelGrid>

                       <p:spacer height="20" />


                       <p:dataTable id="itmBanner" value="#{parametrosBean.parametro.itemsBanner}" var="i"
                                    scrollable="true"  scrollHeight="250"  >

                           <p:column headerText="Nro" width="20" >
                               <h:outputText value="#{i.orden}"  />
                           </p:column>
                           
                           <p:column headerText="Activo" width="50" >                                       
                               <!--
                               <h:outputText value="Si" rendered="#{i.activo eq 'S'}" />
                               <h:outputText value="No" rendered="#{i.activo eq 'N'}" />
                               -->
                               
                               
                               <p:selectOneMenu value="#{i.activo}" style="width: 60px;">
                                   <f:selectItem itemLabel="N/A" itemValue="" />
                                   <f:selectItem itemLabel="Si" itemValue="S" />
                                   <f:selectItem itemLabel="No" itemValue="N" />
                                </p:selectOneMenu>
                               
                               
                           </p:column>

                           <p:column headerText="Descripción">
                               <h:outputText value="#{i.descripcion}"  />                               
                           </p:column>

                           <p:column headerText="Path imagen">
                               <h:outputText value="#{i.pathImagen}"  />                                                              
                           </p:column>

                           <p:column headerText="Link" >
                               <h:outputText value="#{i.link}"  />                                                                                             
                           </p:column>

                           <p:column headerText="Tipo" width="60" >
                               <h:outputText value="Información" rendered="#{i.tipoBanner eq 'IN'}" />
                               <h:outputText value="Promoción" rendered="#{i.tipoBanner eq 'PR'}" />
                               <h:outputText value="Venta Especial" rendered="#{i.tipoBanner eq 'PO'}" />
                               <h:outputText value="Link externo" rendered="#{i.tipoBanner eq 'EX'}" />
                           </p:column>

                           <p:column headerText="Promo / Venta Esp."   >

                               <h:outputText value="#{i.promocion.descripcion}" rendered="#{i.promocion != null}" />
                               <h:outputText value="#{i.pool.descripcion}"      rendered="#{i.pool != null}" />
                           </p:column>

                           
                       </p:dataTable>

                   </p:tab>

                   <p:tab title="Conf. Carritos" >
                       <h:panelGrid columns="2">
                            <h:outputLabel value="Cantidad máxima de items:" for="cantidadMaximaItem" />
                            <p:inputText id="cantidadMaximaItem" value="#{parametrosBean.parametro.cantidadMaximaItem}" title="CantidadMaximaItem" />

                            <h:outputLabel value="Envia confirmación carrito por email:" for="enviaNotificaciones" />
                            <p:inputText id="enviaNotificaciones" value="#{parametrosBean.parametro.enviaNotificaciones}" title="EnviaNotificaciones" />

                       </h:panelGrid>
                   </p:tab>

               </p:tabView>

           </p:panel>

       </h:form>
   </ui:define>

</ui:composition>

    
    